<?php /* @var $this Controller */ ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="language" content="ru" />
	
	<link href="<?php echo Yii::app()->request->baseUrl; ?>/style.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/jquery.leanModal.min.js"></script>
	<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/jquery.zclip.min.js"></script>
	<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/transliterate.js"></script>
	<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/extra.js"></script>
	<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" />
	<title>Translit kz</title>
</head>

<body>
<div class="container">
	<div class="header">
		<a href="#" id="logo">translit.kz</a>
		<ul>
			<li><a href="#" class="active">Қазақ</a></li>
			<li><a href="#">Русский</a></li>
		</ul>
		<a id="modal_trigger" href="#modal" class="btn">Кіру не тіркелу</a>

		<!-----------------------------------POPUP LOGIN--------------------------->
		<div id="modal" class="popupContainer" style="display:none;">
			<header class="popupHeader">
				<span class="header_title">Кіру</span>
				<span class="modal_close"><i class="fa fa-times"></i></span>
			</header>
			
			<section class="popupBody">
				<!-- Social Login -->
				<div class="social_login">
					<div class="">
						<a href="#" class="social_box fb">
							<span class="icon"><i class="fa fa-facebook"></i></span>
							<span class="icon_title">Facebook-пен байланысу</span>
							
						</a>

						<a href="#" class="social_box google">
							<span class="icon"><i class="fa fa-google-plus"></i></span>
							<span class="icon_title">ВКонтакте-мен байланысу</span>
						</a>
					</div>

					<div class="centeredText">
						<span>Немесе өз Email-ыңызды қолданыңыз</span>
					</div>

					<div class="action_btns">
						<div class="one_half"><a href="#" id="login_form" class="btn">Кіру</a></div>
						<div class="one_half last"><a href="#" id="register_form" class="btn">Тіркелу</a></div>
					</div>
				</div>

				<!-- Username & Password Login form -->
				<div class="user_login">
					<form>
						<label>Email / Логин</label>
						<input type="text" />
						<br />

						<label>Кілтсөз</label>
						<input type="password" />
						<br />

						<div class="checkbox">
							<input id="remember" type="checkbox" />
							<label for="remember">Осы компьютерде мені есте сақтау</label>
						</div>

						<div class="action_btns">
							<div class="one_half"><a href="#" class="btn back_btn"><i class="fa fa-angle-double-left"></i> Артқа</a></div>
							<div class="one_half last"><a href="#" class="btn btn_red">Кіру</a></div>
						</div>
					</form>

					<a href="#" class="forgot_password">Кілтсөзді ұмыттыңыз ба?</a>
				</div>

				<!-- Register Form -->
				<div class="user_register">
					<form>
						<label>Аты-жөніңіз</label>
						<input type="text" />
						<br />

						<label>Email</label>
						<input type="email" />
						<br />

						<label>Кілтсөз</label>
						<input type="password" />
						<br />

						<div class="checkbox">
							<input id="send_updates" type="checkbox" />
							<label for="send_updates">Email арқылы жаңартуларды жіберу</label>
						</div>

						<div class="action_btns">
							<div class="one_half"><a href="#" class="btn back_btn"><i class="fa fa-angle-double-left"></i> Артқа</a></div>
							<div class="one_half last"><a href="#" class="btn btn_red">Тіркелу</a></div>
						</div>
					</form>
				</div>
			</section>
		</div>
		<!-------------------------------END OF POPUP LOGIN------------------------->
		  <!--------- START OF POPUP UPLOAD -------------->
		    <div id="upload" class="popupContainer" style="display:none;">
				<header class="popupHeader">
					<span class="header_title">Құжатты жүктеу</span>
					<span class="modal_close"><i class="fa fa-times"></i></span>
				</header>
				
				<section class="popupBody">
					<form action="index.php/site/fileTranslit" method="post"
enctype="multipart/form-data" id = "submit_file">
						<label for="file">Құжатты таңдаңыз</label>
						<input type="file" name="file" id="file" />
						<br /><br />
						<div class="action_btns">
							<a href="#" id="submit_form_for_file" class="btn btn_red">Жүктеу</a>
						</div>
					</form>
				</section>
			</div>
		    <!---------  END OF POPUP UPLOAD  -------------->
	
    </div><!-- end .header -->
  	<?php echo $content; ?>
  	<div class="footer">
    	<center><p>translit.kz © 2014 | info@translit.kz | Suleyman Demirel University</p></center>
    </div><!-- end .footer -->
</div><!-- end .container -->


</body>
</html>
